<!DOCTYPE html>
<html lang="en" class="pc">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <!-- 强制刷新浏览器缓存配置 -->
    <meta http-equiv="refresh" content="no-cache">
    <meta http-equiv="content-type" content="no-cache, no-store, must-revalidate">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=yes">
    <title>2024年首届“动画宇宙”杯校园数字创意大赛-动画宇宙</title>
    <link rel="icon" href="./assets/favicon.ico">
    <script src="./js/jQuery-3.7.1.min.js"></script>
    <link href="./css/bootstrap.min.css" rel="stylesheet">
    <script src="./js/bootstrap.bundle.min.js"></script>
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/award-announcement.css">
    <script>
        let id = '${id}'
        let currentTime = '${sysdate}'
        let upStartTime = '${upstartTime}'
        let upEndTime = '${upendTime}'
        let awardTime = '${awardTime}'
    </script>
</head>

<body>
    <header class="pc-player-block">
        <img src="./assets/CDCC.png" alt="" class="img-size">
        <img src="./assets/pc-upload-btn.png" alt="" class="img-pc-upload-size">
    </header>
    <header class="mobile-player-block">
        <div class="mobile-top-title">
            <div class="mobile-top-title-text">“动画宇宙”杯校园数字创意大赛</div>
            <div class="mobile-top-title-menu">
                <img onclick="openMenu()" src="./assets/menu.png" alt="" class="img-menu">
            </div>
        </div>
        <div class="mobile-menu-content">
            <div class="mobile-menu-content-close">
                <span class="mobile-menu-content-close-title">“动画宇宙”杯校园数字创意大赛</span>
                <div onclick="closeMenu()">x</div>
            </div>
            <div class="mobile-menu-content-list">
                <div class="mobile-menu-content-list-item" data-section="mb-activity-introduction-title">活动介绍</div>
                <div class="mobile-menu-content-list-item" data-section="mb-event-progress-title">赛事进程</div>
                <div class="mobile-menu-content-list-item" data-section="mb-event-description-title">赛道说明</div>
                <div class="mobile-menu-content-list-item" data-section="mb-submission-principles-title">投稿原则</div>
                <div class="mobile-menu-content-list-item" data-section="mb-evaluation-criteria-title">评审标准</div>
                <div class="mobile-menu-content-list-item" data-section="mb-organizer-title">主办单位</div>
                <div class="mobile-menu-content-list-item">全部作品</div>
                <div class="mobile-menu-content-list-item active">获奖公示</div>
            </div>
        </div>
        <img src="./assets/mb-CDCC-s.png" alt="" class="img-size">
<!--        <img src="./assets/mb-upload-btn.png" alt="" class="img-mb-upload-size">-->
    </header>
    <main>
        <div class="main-container">
            <div class="main-block">
                <div class="fixed-card-tabs pc-fixed-card-tabs">
                    <div class="pc-fixed-card-tabs-item">AIGC数字绘画创作</div>
                    <div class="pc-fixed-card-tabs-item">视觉小说游戏设计</div>
                    <div class="pc-fixed-card-tabs-item">数字展馆设计</div>
                </div>
                <div class="back-top"></div>
                <ul class="navi-block-menu navi-default">
                    <li data-section="activity-introduction-title">活动介绍</li>
                    <li data-section="event-progress-title">赛事进程</li>
                    <li data-section="event-description-title">赛事说明</li>
                    <li data-section="submission-principles-title">投稿原则</li>
                    <li data-section="evaluation-criteria-title">评审标准</li>
                    <li data-section="organizer-title">主办单位</li>
                    <li>全部作品</li>
                    <li class="active">获奖公示</li>
                </ul>
                <div class="main">
                    <img src="./assets/awards.png" alt="" class="award-announcement-title">
                    <img src="./assets/mb-awards.png" alt="" class="award-announcement-title-mb">
                    <@RaceList id="${id}">
                        <#if data ?? && data?size gt 0>
                            <#list data as track>
                                <div class="content <#if track_index == 0>aigc<#elseif track_index == 1>sjxsyx<#elseif track_index == 2>szzg</#if>">
                                    <div class="content-title">
                                        <img src="./assets/streamer-left.png" alt="">
                                        <img src="./assets/mb-streamer-left.png" alt="">
                                        <h5>${track.typeName}</h5>
                                        <img src="./assets/streamer-right.png" alt="">
                                        <img src="./assets/mb-streamer-right.png" alt="">
                                    </div>

                                    <@PrizeList id="${id}">
                                        <#if data?? && data?size gt 0>
                                            <#list data as prize>
                                                <div class="award-item">
                                                    <div class="content-award">
                                                        <div class="content-award-name"><#if prize_index == 0>一等奖<#elseif prize_index == 1>二等奖<#elseif prize_index == 2>三等奖<#else>优秀奖</#if></div>
                                                        <div class="content-award-amount">奖金<span><#if prize_index == 0>2000<#elseif prize_index == 1>1000<#elseif prize_index == 2>500<#else>200</#if></span>元</div>
                                                        <div class="content-award-count">共<#if prize_index == 0>1<#elseif prize_index == 1>3<#elseif prize_index == 2>5<#else>10</#if>名</div>
                                                    </div>
                                                    <div class="content-work">
                                                        <@WorkList method="AwardListByRacePrize" id="${id}" prize="${prize.prizeId}" race="${track.exhibTypeId}">
                                                            <#if data?? && data?size gt 0>
                                                                <!-- 生成轮播图 -->
                                                                <div id="carouselExampleIndicators${track_index}${prize_index}" class="carousel slide carouselFrame" data-ride="carousel">
                                                                    <!-- 动态生成小圆点 -->
                                                                    <ol class="carousel-indicators">
                                                                        <#list data as work>
                                                                            <li data-target="#carouselExampleIndicators${track_index}${prize_index}" data-slide-to="${work_index}" class="<#if work_index == 0>active</#if>"></li>
                                                                        </#list>
                                                                    </ol>
                                                                    <div class="carousel-inner">
                                                                        <#list data as work>
                                                                            <div class="carousel-item <#if work_index == 0>active</#if>">
                                                                                <img src="/kkfileview/resource/${work.workCoverUrl}" class="d-block carousel-img">
                                                                                <div class="carousel-item-info">
                                                                                    <span>${work.workName}</span>
                                                                                    <span>${work.nickname}</span>
                                                                                </div>
                                                                            </div>
                                                                        </#list>
                                                                    </div>
                                                                    <button class="carousel-control-prev" type="button" data-target="#carouselExampleIndicators${track_index}${prize_index}" data-slide="prev">
                                                                        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                                                                    </button>
                                                                    <button class="carousel-control-next" type="button" data-target="#carouselExampleIndicators${track_index}${prize_index}" data-slide="next">
                                                                        <span class="carousel-control-next-icon" aria-hidden="true"></span>
                                                                    </button>
                                                                </div>
                                                            </#if>
                                                        </@WorkList>
                                                    </div>
                                                </div>
                                            </#list>
                                        </#if>
                                    </@PrizeList>
                                </div>
                            </#list>
                        </#if>
                    </@RaceList>
                </div>
            </div>
        </div>

    </main>
    <footer>
        <div class="footer-block">
            <div class="footer-block-content">
                <div class="footer-block-content-item">
                    <h3 class="info-item-title">用户服务</h3>
                    <div class="info-item-about iia1">
                        <span class="pointer" onclick="window.open('https://www.animeta.com.cn/about-our', '_blank')">关于我们</span>
                        <span class="pointer" onclick="window.open('https://www.animeta.com.cn/user-agreement', '_blank')">用户协议</span>
                        <span class="pointer" onclick="window.open('https://www.animeta.com.cn/privacy-policy', '_blank')">隐私政策</span>
                        <span class="pointer" onclick="window.open('https://www.animeta.com.cn/infringement-complaints', '_blank')">侵权投诉</span>
                    </div>
                    <div class="info-item-common iic1">
                        <p>市场监督举报电话:12345</p>
                        <p class="pointer" onclick="window.open('https://www.12377.cn/', '_blank')">网上有害信息举报专区</p>
                        <p class="pointer" onclick="window.open('https://jbts.mct.gov.cn/', '_blank')">全国文化和旅游市场网上举报投诉处理系统</p>
                    </div>
                </div>
                <div class="divide"></div>
                <div class="footer-block-content-item">
                    <h3 class="info-item-title">联系我们</h3>
                    <div class="info-item-about">
                        <p>吉林吉动炫通网络科技股份有限公司</p>
                        <p>公司地址：吉林省长春市朝阳区硅谷大街1388号</p>
                    </div>
                    <div class="info-item-common">
                        <p class="pointer" onclick="window.open('https://www.animeta.com.cn/contact-us', '_blank')">查看详情</p>
                    </div>
                </div>
                <div class="divide"></div>
                <div class="footer-block-content-item">
                    <div class="info-item-title"><h3>动画宇宙</h3> <p>更多创意 更多惊喜</p></div>
                    <div class="flex-c">
                        <img src="./assets/qrcode.jpg" width="100" height="100" alt="" />
                        <p>公众号</p>
                    </div>
                </div>
            </div>
            <div class="footer-block-subcontent">
                <span>Copyright © 2024-至今 动画宇宙</span>
                <a href="https://beian.miit.gov.cn/">吉ICP备18005020号-6</a>
                <a href="https://www.animeta.com.cn/electronic-business-license">
                    <img src="./assets/license.png" alt=""/>电子营业执照
                </a>
                <a href="https://www.animeta.com.cn/service-license">人力资源服务许可证</a>
            </div>
        </div>
        <div class="mobile-footer-block">
            <span>Copyright © 2024-至今 动画宇宙</span>
            <a href="https://beian.miit.gov.cn/">吉ICP备18005020号-6</a>
        </div>
    </footer>
    <script src="./js/award-announcement.js"></script>
</body>

</html>
